<template>
  <div class="dashboard-container">
    <div class="dashboard-text">
      <h3 align="center">vue-admin后台管理项目</h3>
      vue-admin项目为电商后台管理项目，包括用户的登入、首页数据展示、商品信息的管理等多个子模块，
      使用Vue全家桶+ES6+Webpack+Axios+element-ui+echarts+mock+等前端最新最热的技术，采用模块化、组件化、工程化的模式开发。
      该项目能够帮助你快速的学习vue的相关技术，同时让你熟悉和了解大型项目的开发流程与设计，
      同时让你学习前端项目的技术选型与功能需求分析设计。
    </div>
    <hr>
    <div>
      <img src="../../assets/login/login.png" style="width: 100%; height: 100%; margin: 20px 0px">
      <img src="../../assets/vue-admin/home.png" style="width: 100%; height: 100%">
      <img src="../../assets/vue-admin/trademark.png" style="width: 100%; height: 100%">
      <img src="../../assets/vue-admin/spu.png" style="width: 100%; height: 100%">
      <img src="../../assets/vue-admin/sku.png" style="width: 100%; height: 100%">
    </div>
  </div>
</template>

<script>
import {mapGetters} from 'vuex'

export default {
  name: 'Dashboard',
  computed: {
    ...mapGetters([
      'name'
    ])
  }
}
</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    margin: 30px;
  }

  &-text {
    font-size: 30px;
    line-height: 46px;
  }

}
</style>
